<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>氢 文</title>
    <link rel="stylesheet" href="./CSS/font.css">
    <link rel="stylesheet" href="./CSS/private_Layout.css">
    <link rel="stylesheet" href="./CSS/public_Layout.css">
</head>
<body>
<!--页面容器-->
<div class="page">
    <!--  顶部栏  -->
    <div class="top layout-spaceBetween">
        <!--    关于用户(登录、注册)    -->
        <div class="aboutUser layout-center">
            <div class="account">
                <span class="signIn font-20px_Lighter">注册</span>
            </div>
            <div class="account">
                <span class="signUp font-24px_Lighter">登录</span>
            </div>
        </div>
        <!--    菜单栏    -->
        <div class="menu font-24px_Bold">
            <ul class="layout-spaceBetween">
                <li><a href="#">你的</a></li>
                <li><a href="#">小屋</a></li>
                <li><a href="#">树洞</a></li>
                <li><a href="#">平行空间</a></li>
            </ul>
            <div class="menuFlag">▲</div>
        </div>
        <!--    搜索    -->
        <div class="search">
            <form action="#" class="search layout-center">
                <input type="text" class="font-16px_Lighter" placeholder="搜小屋" onfocus="this.placeholder=''"
                       onblur="this.placeholder='搜小屋'">
                <input type="submit" value="🔍">
            </form>
        </div>
    </div>
    <!--  主区域  -->
    <div class="main">
        <div class="main-container">
            <div class="newDate">
                <div class="fontBar">
                    <ul class="layout-spaceBetween">
                        <li><span>1</span></li>
                        <li><span>2</span></li>
                        <li><span>3</span></li>
                        <li><span>4</span></li>
                        <li><span>5</span></li>
                        <li><span>6</span></li>
                    </ul>
                </div>
                <div class="dateContainer">

                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>